<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>超链接</title>
  </head>
  <body>
    <!-- 
       a 超链接,用来连接多个网页的"桥梁",点击超链接可以实现页面之间的跳转    
       
       必选属性
        href        表示超链接指向的目标
                    目标可以是以下内容:
                    1.本地页面地址或者远程页面地址
                    2.浏览器可以识别的文件格式
                        音频或者视频(必须是浏览器可以识别的格式)
                        图片,pdf,txt...
                    3.浏览器无法识别的文件格式,会自动转换成下载功能

      可选属性
        target      以何种方式打开超链接
                    _self       默认值,表示在当前页面打开新页面,覆盖原页面
                    _blank      表示在新标签中打开新页面,原页面保留
     -->
    <!-- 文字超链接 -->
    <a href="综合案例/歌词.html" target="_blank">歌词</a>
    <a href="https://www.baidu.com">百度</a>

    <!-- 图片超链接 -->
    <a href="https://baike.baidu.com/item/%E6%9D%8E%E7%9F%A5%E6%81%A9/74308?fromModule=lemma_search-box">
      <img src="img/iu.webp" width="100" />
    </a>

    <!-- 各种浏览器可以识别的文件格式 -->
    <a href="data/我笑到都哭了.mp3">我笑到都哭了</a>
    <a href="data/相声.mp4">相声</a>
    <a href="data/001计算机基础.pdf">计算机基础</a>
    <a href="img/iu.webp">iu</a>

    <!-- 下载超链接 -->
    <a href="data/前端英文单词.docx">前端英文单词.docx</a>

    <!-- 补充 -->
    <!-- 空链接,后面通过js编程实现不同的跳转效果 -->
    <a id="ma" href="#">空链接</a>

    <!-- 
        邮件链接
        注意: 此功能需要当前电脑上安装了邮件软件,并且设置了默认邮件软件为该软件
    -->
    <a href="mailto:414687091@qq.com">联系我们</a>
  </body>
</html>
